.left{float:left}

.right{float:right}
 


.footer{ float:left; width:100%;margin-top:10%;border-top:solid 1px #e6e6e6; padding-top:3%;}

.footer .footer-left .p1{ font-size:20px;}

.footer .footer-left .p2{ height:1px; background:#e5e5e5; width:60px; margin:25px 0;}

.footer .footer-left .p3{ font-size:28px;}

.footer .footer-left .p4{ margin-top:25px;}

.footer .footer-dl{ margin-left:5%;}

.footer .footer-dl dl{ float:left; margin-left:60px}

.footer .footer-dl dl dt{ display:block; font-size:18px; font-weight:normal; margin-bottom:30px;}

.footer .footer-dl dl dd{ display:block; font-size:14px; line-height:24px;}

.footer .footer-dl dl dd a{ color:#5e5e5e;}

.footer .footer-right{ font-size:14px; color:#5e5e5e;}

.footer .footer-right a{color:#5e5e5e;}

.footer .footer-by{border-top:solid 1px #e6e6e6; padding:20px 0;font-size:15px;margin:10% 0 5% 0; overflow:hidden;}

.footer .footer-by p.left p{ display:inline-block; margin-right:25px}

.footer .footer-by p.right a{ text-decoration:underline}

.footer .link{ width:50%; font-size:14px; margin-bottom:10%; overflow:hidden;}

.footer .link .p1{ color:#fff; background:#252525; text-align:center; width:100px; line-height:38px; margin-bottom:20px;}

.footer .link ul li{ float:left; margin-right:20px;}

.footer .link ul li a{ color:#7a7a7a;}



.modal .modal-header{ border-bottom:none;}

.modal{text-align:center; width:100%; height:100%;}

.modal .modal-content{ width:100%; height:100%; position:absolute;margin:0 auto; left:0; right:0;top:50%;margin-top:-275px;max-width:800px; max-height:500px;}

.modal .modal-content video{ width:100%; height:100%; max-height:480px;}







.search-fix{ display:none;position:fixed; top:0; left:0; width:100%; height:100%; z-index:888}

.search-fix .bg{ position:absolute; top:0; width:100%; height:100%; left:0; background:url(../images/bg.png) repeat;}

.search-fix .search-content{ background:#fff; max-width:1850px; margin:-300px auto; padding:200px 15px; top:50%;position:relative; z-index:1}

.search-fix .search-content .item{ max-width:1000px; margin:0 auto;}

.search-fix .search-content .item .p{ font-size:25px; text-align:center; margin-bottom:8%;}

.search-fix .search-content .item .form{ position:relative; margin:2.5% 0;}

.search-fix .search-content .item .submit{ position:absolute; top:15px; right:15px; border:0; width:21px; height:21px;background:url(../images/search.jpg) no-repeat; background-size: cover}

.search-fix .search-content .item .text{ border-bottom:solid 1px #d8d8d8; font-size:20px; padding:15px 5% 15px 2.5%; color:#808080;border-top:0;border-left:0;border-right:0; display:block; width:100%;}





.navigation{ display:none;position:fixed; top:0; left:0;z-index:99;height:100%;overflow:hidden;width:100%;}

.navigation .navigation-bg{background:url(../images/bg.png) repeat; position:absolute; top:0; height:100%; width:100%; left:0;}

.navigation .item{ background:#252525;font-size:25px;max-width:700px; padding-left:20%; padding-right:15px;width:100%; height:100%; position:absolute; left:-100%; top:0;-moz-user-select: -moz-none;-webkit-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;-webkit-overflow-scrolling: touch!important;overflow-y: auto;}

.navigation .item .top{ position:absolute; top:0; left:0;}

.navigation .item .tel{ position:absolute; top:45px; right:25px; font-size:20px; color:#fff; background:url(../images/tel.png) no-repeat left; padding-left:35px;}

.navigation .item .top .logos{ height:112px;}

.navigation ul{ margin-top:30%;}

.navigation ul li{ display:block; color:#fff; margin-bottom:5%;}

.navigation ul li a{color:#fff;}

.navigation .item .p{ font-size:15px; color:#fff; margin-top:10%; margin-bottom:15%;}




.fix-down{ position: fixed; top:0; left:0; width:100%; height:100%; z-index:99; display:none;}
.fix-down .bg{background:url(../images/bg.png) repeat; position:absolute; top:0; height:100%; width:100%; left:0;}
.fix-down .item{ z-index:1; max-width:820px; height:600px; top:50%;position:relative; padding:3%;margin:-300px auto;background:url(../images/store.png) no-repeat right bottom #d30000; color:#fff;}
.fix-down .item .closes{ position:absolute; right:5%; top:5%;}
.fix-down .item .p1{ font-size:25px;}
.fix-down .item .p2{ font-size:14px; max-width:380px;}
.fix-down .item .p3{ margin:5% 0 2.5% 0;}
.fix-down .item .p3 .text{ border:solid 1px #fff;max-width:330px; line-height:30px;width:100%;background:none; font-size:15px; color:#fff;}
.fix-down .item .p4 .submits{ border:0;font-size:18px; background:#fff; color:#222222;text-align:center;width:174px;line-height: 47px; margin:25px 0;}
.fix-down .item .p5{ font-size:18px;}




.contact{ float:left; width:100%; background:#f5f5f5; padding:2.5%; margin-top:5%}

.contact .map{ width:620px; height:325px;}

.contact .map img{ max-width:none;}

.contact .p{ font-size:20px; border-bottom:solid 1px #d9d9d9; color:#55504f; padding:0 20px 15px 20px; margin-bottom:25px;}

.contact .item{ margin:2.5% 5%;color:#55504f;}

.contact .item .p1{ font-size:35px;}

.contact .item .p2{ font-size:16px; line-height:30px; margin:45px 0}

.contact .item .p3{ font-size:20px;}

.contacts{float:left; width:100%; border:solid 1px #d2d2d2; background:none; margin:15px 0;}

.contacts .form{margin-top:3%;max-width:780px;}

.contacts .form ul li{ min-width:360px;float:left; width:47.5%; margin-right:2.5%; margin-bottom:2.5%;}

.contacts .form ul li .text{ border:0; background:#f5f5f5; border:solid 1px #d2d2d2; font-size:18px; color:#313131; padding:0 5%; line-height:50px; width:100%;}

.contacts .form ul li .select{ border:0; background:#f5f5f5; border:solid 1px #d2d2d2; font-size:18px; color:#313131; padding:14px 5%; width:100%;height:52px}

.contacts .form .submit{ background:#d30000; border:0; display:block; color:#fff; text-align:center; font-size:18px; width:190px; line-height:45px; margin:20px 0; clear:both;}


.t{ position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999;background: url(../images/bg.png) repeat;text-align:center;}
.t .pic{ width:100%; height:100%;background: url(../images/t.jpg) no-repeat center; background-size:contain;}

.sitemap-dl{width:100%; max-width:1100px; margin-left:auto; margin-right:auto;margin-top:10%;}
.sitemap-dl dl{ float:left; width:100%; font-size:16px; margin-bottom:2.5%;}
.sitemap-dl dl dt{ float:left; display:block; margin-bottom:2.5%;font-size:18px;}
.sitemap-dl dl dd{ float:left; margin-right:46px;}




@media (min-width:1366px){

	.navigation{ display:none !important;}

}



@media (max-width:1500px){

.header .navs{ margin-left:40px;}
.header .navs li a{ padding:4px 20px;}
}

@media (max-width:1366px){

.footer .footer-dl{ margin-left:0}

.revealOnScroll{ opacity:1;}

}

@media (max-width:1365px) and (min-width:1025px){

.header .menu{ display:block;}

.header .navs{ display:none;}
 

.contact .map{ width:36%;}

.contacts .form{ width:50%;}

.contacts .form ul li{ width:100%;}

}

@media (max-width:1300px){

.footer .footer-right{ width:100%; margin-top:5%;}

}

@media (max-width:1024px){

.header .menu{ display:block;}	

.header .navs{ display:none;}
 

.contact .item{ width:100%; margin-bottom:5%;}

.contact .map,.contacts .form{ width:100%; max-width:none}


}

@media (max-width:960px){

.footer .footer-dl{ width:100%; margin-top:10%}

.footer .footer-dl dl{ width:15%;margin-right:5%; margin-left:0}	

}

@media (max-width:768px){
	
	
.fix-down .item{ padding:5%;}	

.modal .modal-content{ top:40%;width:auto; height:auto; max-height:none; max-width:none; margin:0 auto;}

	

.title p{ font-size:22px; line-height:30px;}

.title em{ font-size:16px; line-height:40px; max-width:150px;}

	

.footer{ padding-top:5%;}	

.footer .footer-by p.left,.footer .footer-by p.right{ display:block; float:none;}	

.footer .footer-by p.right{ margin-top:5%;}

.footer .link{ width:100%;}


.contact .p,.store .area,.store p{ font-size:16px;}

.contact .item .p1{ font-size:30px;}

.contact .item .p3{ font-size:18px;}	

.contacts .form ul li{ min-width:inherit}

.contacts .item .p2{ margin-bottom:0}

}

@media (max-width:640px){

.header .hright{ display:none;}	
 
}

@media (max-width:480px){
	
.sitemap-dl dl{ font-size:14px; margin:2.5% auto;}
.sitemap-dl dl dt{ font-size:15px;}	
.sitemap-dl dl dd{line-height: 30px;}
	
.fix-down .item{ padding:10%; height:500px; margin-top:-250px;}	
.fix-down .item .p1{ font-size:18px;}
.fix-down .item .p4 .submits{font-size: 14px;line-height: 35px;width: 140px;}
.fix-down .item .p5{ font-size:16px;}
.fix-down .item .closes img{ width:20px;}
	

.header-div{ height:82px;}

.header{ padding:18px 0;}	

.header .logo{ width:170px; height:45px;}

.header .menu{ width:32px; height:32px;}



.class{ padding:15px 0;}

.class li{ padding-top:5px; margin-bottom:5px; font-size:14px;}

	

.title{ margin:15% 0 10% 0;}

.title p{ font-size:17px; line-height:25px;}

.title em{ font-size:13px; margin-top:5px;line-height:35px; max-width:120px;}
 



.navigation .item .top img{ height:70px;}

.navigation .item .tel{ font-size:15px; right:15px; top:28px;}

.navigation .item{ font-size:18px;}

.navigation ul{ margin-top:35%;}

.navigation .item .p{ font-size:14px;}



.search-fix .search-content{ padding-top:150px; padding-bottom:150px; margin-top:-210px;}

.search-fix .search-content .item .p{ font-size:18px;}

.search-fix .search-content .item .text{ font-size:16px;}





.footer .footer-by,.footer .link{ margin-bottom:15%}	

.footer{ padding-top:10%; margin-top:15%;}		

.footer .footer-left .p1{ font-size:16px;}

.footer .footer-left .p3{ font-size:20px;}	

.footer .footer-dl dl{ width:33.33%; margin-right:0}

.footer .footer-dl dl dt{ font-size:16px; margin-bottom:20px;}

.footer .footer-dl dl dd{ font-size:13px;}

.footer .footer-right{ font-size:13px;}

.footer .footer-by{ font-size:14px;}



.contacts .form .submit{ font-size:14px; width:150px;}	

.contact{ margin-top:10%; padding:5%;}	

.contact .p,.store .area,.store p{ font-size:14px;}

.contact .item{ margin-bottom:10%}

.contact .item .p1{ font-size:22px;}

.contact .item .p2{ font-size:14px;}	

.contact .item .p3{ font-size:16px;}	

.contacts .form ul li{ min-width:inherit; width:100%;}

.contacts .form ul li .text,.contacts .form ul li .select{ font-size:14px;}



}

@media (max-width:320px){
	
.sitemap-dl dl{ font-size:13px;}

.navigation .item{ font-size:16px;}

.navigation ul{ margin-top:45%;}

.navigation .item .p{ font-size:13px;}



.navigation .item .tel{ display:none;}	

.header .logo{ width:160px; height:40px;}

.header .menu{ width:28px; height:28px;}

	

.class li{ padding-right:20px; margin-right:20px;}

	

.title p{ font-size:18px; line-height:26px;}

.title em{ font-size:13px; line-height:30px; max-width:100px;}

 





.search-fix .search-content{ padding-top:125px; padding-bottom:125px; margin-top:-160px;}

.search-fix .search-content .item .p{ font-size:16px;}

.search-fix .search-content .item .text{ font-size:14px;}

.contacts .form .submit{ font-size:13px; width:140px; line-height:40px;}	

.contact .p,.store .area{ font-size:12px;}

.contact .item .p1{ font-size:18px;}

.contact .item .p2{ font-size:12px;}	

.contact .item .p3{ font-size:14px;}	

.contacts .form ul li .text,.contacts .form ul li .select{ font-size:13px;}



}
.slider{ overflow:hidden; float:left; width:100%; max-height:1024px; position:relative;}

.slider .bottom{ position:absolute; bottom:5%; left:0; right:0; text-align:center; margin:0 auto;}

.slider .item{ position:absolute; left:0; right:0; z-index:1; top:50%;margin:-130px auto; display:none;padding-left:15px; padding-right:15px;text-align:center; color:#fff;}

.slider .item .p1{ font-size:60px; font-weight:bold;line-height:60px;}

.slider .item .p2{ font-size:22px;}

.slider .item .p3{ margin:15px 0;}

.slider .item .p4{ font-size:25px;}

.slider .item .p5{ margin-top:50px;}

.arrival{ float:left; width:100%;margin:12.5% 0; overflow:hidden;}

.arrival .container{ position:relative; height:100%;}

.arrival .item { max-width:400px; position:absolute; top:0; left:15px; z-index:50; width:40%;}

.arrival .item .p1{ font-size:35px; text-transform:uppercase; line-height:35px;}

.arrival .item .p2{ font-size:43px; position:relative; float:left; margin-top:25%;}

.arrival .item .p2 img{ position:absolute; right:-40px; top:5px;}

.arrival .item .p3{ font-size:23px; margin:15px 0;}

.arrival .item .p4{ font-size:15px; color:#666666;}

.arrival .item .p5{ font-size:18px; font-weight:bold; margin-top:25%;}

.arrival .arrival-ul{ max-width:900px; position:relative; width:60%; height:100%;max-height:798px;}

.arrival .page{ position:absolute; right:-100px; top:50%; height:auto; margin-top:-45px;}

.arrival .page a{ display:block; width:50px; text-align:center}

.arrival .page a.next{ border-top:solid 1px #c3c3c3; padding-top:25px; margin-top:25px;}

.products{ float:left; width:100%; position:relative; background:#f5f5f5;}

.products .title { position:relative; color:#000; z-index:1}

.products .title em{ border: solid 2px #cfcfcf;}

.products .title em a{ color:#000;}

.products .products-bg{ background:#f5f5f5; width:100%; height:50%; position:absolute; top:0; left:0;}

.products ul{ position:relative; z-index:1; float:left; width:100%;padding-bottom:5%;}

.products ul li{ float:left; width:24.5%;position:relative; padding-top:2.5%;background:#fff; margin-right:0.5%;}

.products ul li.clear{ margin-right:0;}

.products ul li span{ display:block; font-size:28px; padding:0 0 0 25px;}

.products ul li p{ display:block; font-size:18px; text-transform:uppercase; padding:5px 0 25px 25px;}

.products ul li .item{ display:none;color:#fff;position:absolute; top:0; left:0; width:100%; height:110%;left:0;top: -25px;bottom: -25px;right:0;padding:17% 2.5%;-webkit-transform-origin: 50% 73%;transform-origin: 50% 73%;-webkit-transform: scale(0.8,0.62);transform: scale(0.8,0.62);-webkit-transition: all .7s cubic-bezier(0.23, 1, 0.38, 1);transition: all .7s cubic-bezier(0.23, 1, 0.38, 1);}

.products ul li .item em{ position:absolute; bottom:10%; left:10%; font-style:normal; font-weight:bold; font-size:18px;}

.products ul li:hover .item{opacity: 1;-webkit-box-shadow: 0 3px 0.73rem rgba(0,0,0,.38);box-shadow: 0 3px 0.73rem rgba(0,0,0,.38);-webkit-transform: scale(1);transform: scale(1);}

.content{ float:left; width:100%; background:#f5f5f5; padding:5% 0;}

.content .content-left,.content .content-right{width:50%;}

.content .content-left { position:relative; color:#fff; overflow:hidden; background:url(../images/case.jpg) no-repeat center;height:1000px;background-size:cover;}

.content .content-left a{ color:#fff;}

.content .content-left .thumb{ display:none;}

.content .content-left .top{ position:absolute; left:10%; top:8%;}

.content .content-left .top .p1{ font-size:35px; line-height:40px; font-weight:bold}

.content .content-left .top .p2{ font-size:40px;margin-top:5px;}

.content .content-left .bottom{ position:absolute; left:10%; bottom:8%;}

.content .content-left .bottom .p1{ font-size:60px; font-weight:bold; margin-left:-5px; line-height:50px;}

.content .content-left .bottom .p2{ font-size:20px; text-transform:uppercase;}

.content .content-left .bottom .p3{ font-size:15px; margin-top:50px; line-height:26px;}

.content .content-right ul li{ float:left; width:100%; position:relative; padding:10% 10%;height:500px;}

.content .content-right ul li .p1{ font-size:25px;}

.content .content-right ul li .p2{ font-size:30px; margin-top:10%;}

.content .content-right ul li .p3{ font-size:14px; color:#797979; max-width:380px; margin:10px 0 10% 0;}

.content .content-right ul li .p4{ font-size:18px; border:solid 2px #dcdcdc; text-align:center; width:174px; line-height:47px;}

.content .content-right ul li.l1{ background:url(../images/store.jpg) no-repeat 97.5% 5% #fff;}

.content .content-right ul li.l2{ background:url(../images/store.png) no-repeat right bottom #004ea2; color:#fff;}

.content .content-right ul li.l2 .p1,.content .content-right ul li.l2 .p3,.content .content-right ul li.l2 .p4{ color:#fff;}

.content .design{background:url(../images/des.jpg) no-repeat 85% bottom #e8e8e8;height:420px;margin-top:10px; position:relative;}

.content .design .thumb{ display:none}

.content .design .item { margin:5% 0 0 5%; float:left;}

.content .design .item .p1 span{ font-size:35px; text-transform:uppercase; font-weight:bold; line-height:40px;}

.content .design .item .p1 i{ font-size:38px;font-weight:bold;font-style:normal;margin:10% 0; position:absolute; left:190px; top:0;}

.content .design .item .p1{ position:relative; display:none}

.content .design .item .p1 p{ border:solid 1px #252525; text-align:center; position:absolute;padding:6px 9px;left:255px; text-transform:uppercase;top:0; font-size:12px;}

.content .design .item .p1 font em{ font-size:22px; font-style:normal; font-weight: bold;}

.content .design .item .p2{ font-size:40px; margin:10px 0 20px 0;}

.content .design .item .p3{ font-size:15px; color:#797979}

.video .p{ font-size: 21px;
    margin: 10% auto;
    max-width: 730px;
    text-align: center;
    line-height: 48px;}

.video .video-left,.video .video-right{ width:49.8%;}

.video .video-item{ color:#fff; position:relative; overflow:hidden;}

.video .video-item:hover .pic-scale{-webkit-transform: scale(1.1);transform: scale(1.1);}

.video .video-item .item{ position:absolute; left:0; top:0; width:100%; padding:6%;height:100%; color:#fff;}

.video .video-item .item .p1{ font-size:27px; line-height:35px;text-transform:uppercase}

.video .video-item .item .p2{ margin:20px 0;text-align:center;font-size:22px;}

.video .video-item .item .p3{ text-align:center;}

.video .video-item .item .p3 img{ margin:0 auto; display:block}

.video .video-left .item .p2{ margin-top:25%;}

.video .video-right .item .p2{ text-align:left; font-size:32px;}

.video .video-right .item .p3{ position:absolute; right:2.5%; bottom:5%; width:40px;}

.video .video-right .clear{ margin-top:1%;}



@media (min-width: 1200px){

.products ul li .item{ display:block;opacity:0;}		

}



@media (max-width:1024px){

/*.slider{ background:url(../img/slider.jpg) no-repeat center; padding:35% 0;background-size: cover;}*/

.slider .video{ display:none;}

.slider .item{ position:static; margin:0 auto; display:block;}	

.arrival .arrival-ul{ overflow:hidden;}	

.products ul li span{ font-size:24px;}	

.products ul li p{ font-size:16px; padding-bottom:50px;}

.content .content-left{ height:900px;}	

.content .content-right ul li{ height:450px;}

.content .design{ height:375px; background-size:60%;}

.video .video-item .item .p1{ font-size:22px; line-height:26px;}

.video .video-left .item .p2{ font-size:19px;}

.video .video-right .item .p2{ font-size:15px;}

}

@media (max-width:1023px) and (min-width:769px){

.arrival .item{ width:35%;}

.arrival .item .p1{ font-size:26px;}

.arrival .item .p2{ font-size:30px;}

.arrival .item .p2,.arrival .item .p5{ margin-top:12.5%;}

.arrival .item .p3{ font-size:18px;}

}

@media (max-width:768px){

.slider .item .p1{ line-height:50px; font-size:50px;}

.slider .item .p2{ font-size:18px;}

.slider .item .p4{ font-size:20px;}

.arrival .item .p2,.arrival .item .p5{ margin-top:10%;}	

.arrival .item{ width:100%; max-width:100%; position:static; margin-bottom:10%;}

.arrival .arrival-ul{ width:100%; max-width:100%;}	

.products .products-bg{ height:100%}	

.products ul li{ padding-top:5%;}

.products ul li p{ padding-bottom:15%;}

.products ul li { width:49%; margin-bottom:1%}

.products ul li.l{ margin-right:0.5% !important;}

.products ul li.r{ margin-left:0.5% !important;}

.content{ padding:10% 0;}

.content .content-left,.content .content-right{ width:100%}

.content .content-left,.content .content-right ul li{ height:auto;}

.content .content-left .thumb{ display: block;}

.content .content-left .top .p1{ font-size:30px; line-height:35px;}

.content .content-left .top .p2{ font-size:35px;}

.content .content-left .bottom .p1{ font-size:50px;}

.content .content-right ul li .p2{ font-size:25px;}

.content .design .item .p1 span{ font-size:30px; line-height:35px;}

.content .design .item .p2{ font-size:32px;}

.content .design .item .p1 i{ font-size:32px; left:165px;}

.content .design .item .p1 p{ left:225px;}

.content .design{ padding:10% 10% 15% 10%;}

.content .design .item{ margin:0;}

.video .video-left{ margin-bottom:1%;}	

.video .video-left,.video .video-right{ width:100%;}

}

@media (max-width:640px){

.content .design{ background:#e8e8e8; height:auto; padding-bottom:0;}

.content .design .item{ margin-bottom:10%;}

.content .design .thumb{ display:block;}
 

}

@media (max-width:480px){

/*.slider{ padding:50% 0;}	*/

.slider .item .p1{ line-height:36px; font-size:36px;}

.slider .item .p2{ font-size:14px;}

.slider .item .p4{ font-size:16px;}

.slider .item .p5{ margin-top:10%;}

.slider .item .p5 img{ width:40px;}	

.arrival .item .p1{ font-size:24px; line-height:30px;}

.arrival .item .p2{ font-size:28px;}

.arrival .item .p3{ font-size:16px;}

.arrival .item .p4{ font-size:13px;}

.arrival .item .p5{ font-size:16px;}	

.products ul li span{ font-size:17px; padding:0 10%;}	

.products ul li p{ font-size:12px;  }	

.content{ padding:15% 0;}	

.content .content-left .top .p1{ font-size:18px; line-height:22px;}

.content .content-left .top .p2{ font-size:22px;}

.content .content-left .bottom .p1{ font-size:45px;}

.content .content-left .bottom .p2{ font-size:16px;}

.content .content-left .bottom .p3{ font-size:13px;}

.content .content-right ul li.l1{background-size:20%;}

.content .content-right ul li .p1{ font-size:18px;}

.content .content-right ul li .p2{ font-size:20px;}

.content .content-right ul li .p3{ font-size:13px;}

.content .content-right ul li .p4{ font-size:14px; line-height:35px; width:140px;}

.content .design .item .p1 span{ font-size:24px; line-height:30px;}

.content .design .item .p1 font em{ font-size:16px;}

.content .design .item .p2{ font-size:22px;}

.content .design .item .p3{ font-size:13px;}

.content .design .item .p1 i{ font-size:20px; left:125px;}

.content .design .item .p1 p{ left:170px; padding:4px 3px}

.video .video-item .item .p1{ font-size:20px;line-height:24px;}

.video .video-left .item .p2{ font-size:16px;}

.video .video-left .item .p3 img{ width:45px;}

.video .video-right .item .p2{ font-size:14px;}

.video .video-right .item .p3{ width:30px; right:3%;}

.video .video-right .video-item img{ width:120%; margin-left:-10%; max-width:120%;}

.video .p{ font-size:14px;    line-height: 30px;}

}

@media (max-width:320px){

.slider .item .p1{ line-height:30px; font-size:30px;}

.slider .item .p2{ font-size:13px;}

.slider .item .p4{ font-size:14px;}

.arrival .item .p1{ font-size:22px;}

.arrival .item .p2{ font-size:26px;}

.arrival .item .p3{ font-size:14px;}

.arrival .item .p4{ font-size:12px;}

.arrival .item .p5{ font-size:14px;}		

.products ul li{ width:100%;}	

.products ul li span{ font-size:18px;}	

.products ul li p{ padding-bottom:15%; font-size:13px;}

.content .content-left .top .p1{ font-size:16px; line-height:22px;}

.content .content-left .top .p2{ font-size:20px;}

.content .content-left .bottom .p1{ font-size:40px;}

.content .content-left .bottom .p2{ font-size:15px;}

.content .content-left .bottom .p3{ font-size:12px; margin-top:25px;}

.content .content-right ul li .p1{ font-size:16px;}

.content .content-right ul li .p2{ font-size:18px;}

.content .content-right ul li .p3{ font-size:12px;}

.content .content-right ul li .p4{ font-size:12px; line-height:30px; width:110px;}

.content .design .item .p1 span{ font-size:20px;}

.content .design .item .p1 font em{ font-size:14px;}

.content .design .item .p2{ font-size:16px;}

.content .design .item .p3{ font-size:12px;}

.content .design .item .p1 i{left:105px;}

.content .design .item .p1 p{ left:140px;}

.video .video-item .item .p1{ font-size:16px;line-height:20px;}

.video .video-left .item .p2{ font-size:15px; margin-top:18%;}

.video .video-left .item .p3 img{ width:40px;}

.video .video-right .item .p2{ font-size:13px;}

.video .video-right .item .p3{ width:25px; right:5%; bottom:7.5%;}

.video .video-right .video-item img{ width:120%; margin-left:-10%; max-width:120%;}

.video .p{ font-size:12px;}

}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}



.container {
    width: 100%;
    max-width: 1530px;
    margin: 0 auto;
    padding: 0 15px;
}
.title {
    margin: 3% 0 3% 0;
    overflow: hidden;
    width: 100%;
}
.title p {
    font-size: 30px;
    margin-right: 5%;
    line-height: 34px;
    text-transform: uppercase;
    /* font-family: 'Futura'; */
    /*margin-top: 2%;*/
}
.title em {
    border: solid 1px #cfcfcf;
    margin-top: 40px;
    margin-left: 10px;
    text-align: center;
    width: 100%;
    font-style: normal;
    max-width: 150px;
    line-height: 40px;
}
.news li {
    float: left;
    width: 32%;
    border: solid 1px #fff;
    box-shadow: 0 10px 40px rgb(0 0 0 / 5%);
    padding: 2.5%;
    margin: 0.5%;
    max-height: 550px;
    overflow: hidden;
    min-height: 288px;
    margin-bottom: 50px;
}
.news li .item {
    width: 100%;
}
.news li .item em {
    font-size: 21px;
    color: #333333;
    line-height: 30px;
    margin-top: 5px;
    font-style: normal;
}
.news li .item h3 {
    font-size: 18px;
    color: #252525;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin: 7.5% 0 5% 0;
}
.news li .item p {
    font-size: 13px;
    color: #797979;
    height: 80px;
    overflow: hidden;
    line-height: 25px;
}
.news li .thumb {
    width: 100%;
}
.news li .thumb img {
    width: 100%;
}
@media screen and (max-width: 1320px){
.news li {
    width: 49%;
}
}

 
@media screen and (max-width: 800px){
.news li {
    width: 100%;
    max-height: 488px;
    padding: 5%;
    margin: 2.5% 0 !important;
}
}


@media screen and (max-width: 800px){
.title em {
    border: solid 1px #cfcfcf;
    margin-top: -48px;
    margin-left: 10px;
    text-align: center;
    width: 100%;
    font-style: normal;
    max-width: 150px;
    line-height: 40px;
}
}

@media screen and (max-width: 800px){
.title p {
    width: 100%;
    font-size: 20px;
    line-height: 1.2;
    margin-top: 20px;
}
}